<template>
    <div style="margin: 0 -16px">
        <a-row :gutter="[16, 32]">
            <a-col :span="24">
                <a-card :bordered="false">
                    <div style="height: 100px">
                        <h1>基础表单</h1>
                        <p>表单页用于向用户收集或验证信息，基础表单常见于数据项较少的表单场景 </p>
                    </div>
                </a-card>
            </a-col>
        </a-row>
    </div>
</template>

<script lang="ts">
import { defineComponent, ref } from "vue";
import { Empty, Card, Col, Row, Breadcrumb } from "ant-design-vue";

export default defineComponent({
    components: {
        AEmpty: Empty,
        ACard: Card,
        ACol: Col,
        ARow: Row,
        ABreadcrumb: Breadcrumb,
        ABreadcrumbItem: Breadcrumb.Item,
    },
    setup() {

    }
});
</script>

<style lang="less" scoped>
.ant-card-body{
    padding: 18px 20px;
}
</style>
